<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九江学院机械与智能制造学院</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <!-- 顶部Banner（对应BrowserPreview_01.gif） -->
    <div class="top-banner">
        <img src="../images/BrowserPreview_01.gif" alt="九江学院机械与智能制造学院" width="100%" height="120">
    </div>

    <!-- 主导航栏 -->
    <nav role="navigation" aria-label="主导航">
        <ul class="w1200">
            <li><a href="index.html" aria-current="page">首页</a></li>
            <li><a href="overview.html">学院概况</a></li>
            <li><a href="#">审核评估</a></li>
            <li><a href="#">师资队伍</a></li>
            <li><a href="#">人才培养</a></li>
            <li><a href="#">科学研究</a></li>
            <li><a href="#">实验教学示范中心</a></li>
            <li><a href="#">学生工作</a></li>
            <li><a href="#">党群工作</a></li>
            <li><a href="#">校友风采</a></li>
            <li><a href="#">平凡人不平凡事</a></li>
        </ul>
    </nav>

    <!-- 主内容区 -->
    <main role="main" class="w1200">
        <div class="content-layout">
            <!-- 左侧区域（轮播图+通知+友情链接） -->
            <div class="left-content">
                <!-- 左侧轮播图（banner1-5.png） -->
                <section class="left-banner">
                    <div class="banner-slider">
                        <img src="../images/banner1.png" alt="轮播图1" class="banner-item active">
                        <img src="../images/banner2.png" alt="轮播图2" class="banner-item">
                        <img src="../images/banner3.png" alt="轮播图3" class="banner-item">
                        <img src="../images/banner4.png" alt="轮播图4" class="banner-item">
                        <img src="../images/banner5.png" alt="轮播图5" class="banner-item">
                    </div>
                    <!-- 轮播图页码指示器 -->
                    <div class="banner-pagination">
                        <span class="page active" data-index="0">1</span>
                        <span class="page" data-index="1">2</span>
                        <span class="page" data-index="2">3</span>
                        <span class="page" data-index="3">4</span>
                        <span class="page" data-index="4">5</span>
                    </div>
                    <p class="banner-title">学校原党委副书记记立平做...</p>
                </section>

                <!-- 通知板块 -->
                <section class="notice-board">
                    <div class="section-header">
                        <img src="../images/notice-icon.png" alt="通知图标" width="20" height="20" class="icon">
                        <h3>通知</h3>
                        <a href="#" class="more">MORE</a>
                    </div>
                    <ul>
                        <li>
                            <a href="#">九江学院2025年面向社会公开招聘金工实习指导教师公告</a>
                            <span class="date">11-24</span>
                        </li>
                        <li>
                            <a href="#">2025-2026学年机械与智能制造学院贫困生认定工作通知</a>
                            <span class="date">10-16</span>
                        </li>
                        <li>
                            <a href="#">2024-2025学年机械与智能制造学院国家励志奖学金公示</a>
                            <span class="date">10-15</span>
                        </li>
                        <li>
                            <a href="#">2024-2025学年机械与智能制造学院国家奖学金评选通知</a>
                            <span class="date">09-24</span>
                        </li>
                        <li>
                            <a href="#">2025年机械学院转专业拟转入学生名单公示</a>
                            <span class="date">05-26</span>
                        </li>
                    </ul>
                </section>

                <!-- 友情链接 -->
                <section class="friend-link">
                    <div class="section-header">
                        <img src="../images/link-icon.png" alt="友情链接图标" width="20" height="20" class="icon">
                        <h3>友情链接</h3>
                        <a href="#" class="more">MORE</a>
                    </div>
                    <select>
                        <option>--相关链接--</option>
                        <option>九江学院官网</option>
                        <option>教务处</option>
                    </select>
                </section>
            </div>

            <!-- 右侧区域（新闻+教科研动态） -->
            <div class="right-content">
                <!-- 新闻板块 -->
                <section class="news-board">
                    <div class="section-header">
                        <img src="../images/news-icon.png" alt="新闻图标" width="20" height="20" class="icon">
                        <h3>新闻</h3>
                        <a href="#" class="more">MORE</a>
                    </div>
                    <ul>
                        <li>
                            <a href="#">筑梦机械，职引未来：机械学院专场招聘宣讲会成功举办</a>
                            <span class="date">11-18</span>
                        </li>
                        <li>
                            <a href="#">学院党委书记项忠平为学生党员宣讲党的二十届四中全会精神</a>
                            <span class="date">11-17</span>
                        </li>
                        <li>
                            <a href="#">机械学院召开2026届毕业生就业工作启动会</a>
                            <span class="date">11-13</span>
                        </li>
                        <li>
                            <a href="#">机械学院开展消防安全教育系列活动</a>
                            <span class="date">11-11</span>
                        </li>
                        <li>
                            <a href="#">机械学院开展学习贯彻党的二十届四中全会精神专题党课</a>
                            <span class="date">11-10</span>
                        </li>
                        <li>
                            <a href="#">机械学院组织观看杨叔子院士逝世三周年特别节目</a>
                            <span class="date">11-07</span>
                        </li>
                        <li>
                            <a href="#">防患未“燃” 筑牢安全防线——机械与智能制造学院开展消防演练</a>
                            <span class="date">11-06</span>
                        </li>
                        <li>
                            <a href="#">机械学院党支部开展“感恩敬老，相伴重阳”主题党日活动</a>
                            <span class="date">11-04</span>
                        </li>
                    </ul>
                </section>

                <!-- 教科研动态 -->
                <section class="research-board">
                    <div class="section-header">
                        <img src="../images/research-icon.png" alt="教科研图标" width="20" height="20" class="icon">
                        <h3>教科研动态</h3>
                        <a href="#" class="more">MORE</a>
                    </div>
                    <ul>
                        <li>
                            <a href="#">九江学院网：我校教师在首届全国智慧课程教学创新大赛中获奖</a>
                            <span class="date">11-24</span>
                        </li>
                        <li>
                            <a href="#">机械与智能制造学院召开师生座谈会 共话人才培养质量提升</a>
                            <span class="date">11-03</span>
                        </li>
                        <li>
                            <a href="#">智能制造产业学院产业导师就业专题讲座暨校企合作签约仪式</a>
                            <span class="date">11-01</span>
                        </li>
                        <li>
                            <a href="#">东方商用车辆有限公司发动机厂任工程师为我院学子开展专业讲座</a>
                            <span class="date">10-23</span>
                        </li>
                    </ul>
                </section>
            </div>
        </div>
    </main>

    <!-- 页脚 -->
    <footer role="contentinfo">
        <div class="w1200 footer-content">
            <div class="download-area">
                <img src="../images/download.png" alt="下载中心" width="200" height="80">
            </div>
            <div class="report-mail">
                <img src="../images/BrowserPreview_22.gif" alt="机械学院公开举报邮箱" width="200" height="80">
            </div>
            <div class="contact-info">
                <p>学院黄页：</p>
                <p>院长办公室 8312073 | 书记办公室 8313631 | 副院长办公室 8313632</p>
                <p>副书记办公室 8313951 | 学院办公室 8334039 | 教务科研科 8313953 | 30栋学生科 8310905</p>
            </div>
            <div class="copyright">
                <p>COPYRIGHT 2012 九江学院机械与智能制造学院 版权所有 信息技术中心设计制作</p>
            </div>
        </div>
    </footer>

    <!-- 轮播图JS逻辑 -->
    <script>
        const banners = document.querySelectorAll('.banner-item');
        const pages = document.querySelectorAll('.page');
        let currentIndex = 0;

        // 切换轮播图
        function switchBanner(index) {
            banners[currentIndex].classList.remove('active');
            pages[currentIndex].classList.remove('active');
            currentIndex = index;
            banners[currentIndex].classList.add('active');
            pages[currentIndex].classList.add('active');
        }

        // 点击页码切换
        pages.forEach((page, index) => {
            page.addEventListener('click', () => switchBanner(index));
        });

        // 自动轮播（3秒一次）
        setInterval(() => {
            let nextIndex = (currentIndex + 1) % banners.length;
            switchBanner(nextIndex);
        }, 3000);
    </script>
</body>
</html>